$(document).ready(function () {
    findList1("", 1);
    findList2("", 1);
    /** *************************************************************** */
    $("#menuBtn1").attr("disabled", true);
    $("#menuText").on("input", function () {
        let name = $(this).val();
        if (name === "" || name.length === 0) {
            $("#menuBtn1").attr("disabled", true);
            $("#menuBtn1").css("color", "#999");
        } else {
            $("#menuBtn1").attr("disabled", false);
            $("#menuBtn1").css("color", "#000");
        }
    });
    $("#menuText").on("keydown", function (event) {
        if (event.keyCode === 13)
            $("#menuBtn2").click();
    });

    $("#menuBtn1").click(function () {
        $(this).attr("disabled", true);
        $(this).css("color", "#999");
        findList1("", 1);
        findList2("", 1);
    });
    $("#menuBtn2").click(function () {
        const name = $("#menuText").val();
        if (name.trim() === "")
            return null;
        findList1(name, 1);
        findList2(name, 1);
    });

    /** *************************************************************** */
    /** 初始化表格 */
    function initTableBody1() {
        let name = $("#menuText").val();
        $("#tab1 tbody tr").each(function (i) {
            $(this).find("td:eq(1) a").attr("target", "_blank");
            /** *********************************************************** */
            if (name.trim() !== "") {
                let text1 = $(this).find("td:eq(5)").text();
                let font1 = "<font color='#f00'>" + name + "</font>";
                let expr1 = new RegExp(name, "gm");
                let cont1 = text1.replace(expr1, font1);
                $(this).find("td:eq(5)").html(cont1);

                let text2 = $(this).find("td:eq(6)").text();
                let font2 = "<font color='#f00'>" + name + "</font>";
                let expr2 = new RegExp(name, "gm");
                let cont2 = text2.replace(expr2, font2);
                $(this).find("td:eq(6)").html(cont2);

                let text3 = $(this).find("td:eq(7)").text();
                let font3 = "<font color='#f00'>" + name + "</font>";
                let expr3 = new RegExp(name, "gm");
                let cont3 = text3.replace(expr3, font3);
                $(this).find("td:eq(7)").html(cont3);
            }
        });
    }

    function initTableBody2() {
        let name = $("#menuText").val();
        $("#tab3 tbody tr").each(function (i) {
            $(this).find("td:eq(1) a").attr("target", "_blank");
            /** *********************************************************** */
            if (name.trim() !== "") {
                let text1 = $(this).find("td:eq(5)").text();
                let font1 = "<font color='#f00'>" + name + "</font>";
                let expr1 = new RegExp(name, "gm");
                let cont1 = text1.replace(expr1, font1);
                $(this).find("td:eq(5)").html(cont1);
            }
        });
    }

    /** *************************************************************** */
    /** 上一页 */
    $("#tab2 .pagebtn:eq(0)").click(function () {
        var name = $("#menuText").val().trim();
        var page = Number($("#page1").text()) - 1;
        findList1(name, page);
    });
    /** 下一页 */
    $("#tab2 .pagebtn:eq(1)").click(function () {
        var name = $("#menuText").val().trim();
        var page = Number($("#page1").text()) + 1;
        findList1(name, page);
    });
    /** *************************************************************** */
    /** 上一页 */
    $("#tab4 .pagebtn:eq(0)").click(function () {
        var name = $("#menuText").val().trim();
        var page = Number($("#page3").text()) - 1;
        findList2(name, page);
    });
    /** 下一页 */
    $("#tab4 .pagebtn:eq(1)").click(function () {
        var name = $("#menuText").val().trim();
        var page = Number($("#page3").text()) + 1;
        findList2(name, page);
    });

    // 查询CCTV项目数据
    function findList1(name, page) {
        let data = {
            name: name,
            companyID: 2,
            page: page
        };
        let result = Ajax("/cctv/project/getmanholes", data);
        initTable1(result);
    }

    // 查询沙井调查数据
    function findList2(name, page) {
        let data = {
            name: name,
            companyID: 2,
            page: page
        };
        let result = Ajax("/survey/project/getmanholes", data);
        initTable2(result);
    }

    function initTable1(result) {
        if (result === null || result.list.length === 0) {
            $("#tab1").hide();
            $("#tab2").hide();
            $("#img1").show();
            $("#tab1 tbody").html("");
            return null;
        }
        let context = "";
        for (let i = 0; i < result.list.length; i++) {
            let item = result.list[i];
            context += "<tr>";
            context += "  <td>" + Number(result.pageNum * 10 + i - 9) + "</td>";
            context += "  <td><a href='/cctv/project/checkview?id=" + item.project.id + "'>" + item.project.name + "</a></td>";
            context += "  <td>" + item.project.standard + "</td>";
            context += "  <td>" + item.project.operator + "</td>";
            context += "  <td>" + item.no + "</td>";
            context += "  <td>" + item.smanholeno + "</td>";
            context += "  <td>" + item.fmanholeno + "</td>";
            context += "  <td>" + (item.pipeid == null ? "" : item.pipeid) + "</td>";
            context += "</tr>";
        }
        $("#tab1").show();
        $("#tab2").show();
        $("#img1").hide();
        $("#tab1 tbody").html(context);
        initTableBody1();
        $("#page1").text(result.pageNum);
        $("#page2").text(result.pages);

        var page1 = $("#page1").text();
        var page2 = $("#page2").text();
        if (page1 <= 1) {
            $("#tab2 .pagebtn:eq(0)").attr("disabled", true);
            $("#tab2 .pagebtn:eq(0)").css("color", "#999");
        } else {
            $("#tab2 .pagebtn:eq(0)").attr("disabled", false);
            $("#tab2 .pagebtn:eq(0)").css("color", "#000");
        }
        if (page1 === page2) {
            $("#tab2 .pagebtn:eq(1)").attr("disabled", true);
            $("#tab2 .pagebtn:eq(1)").css("color", "#999");
        } else {
            $("#tab2 .pagebtn:eq(1)").attr("disabled", false);
            $("#tab2 .pagebtn:eq(1)").css("color", "#000");
        }

    }

    function initTable2(result) {
        if (result === null || result.list.length === 0) {
            $("#tab3").hide();
            $("#tab4").hide();
            $("#img2").show();
            $("#tab3 tbody").html("");
            return null;
        }
        let context = "";
        for (let i = 0; i < result.list.length; i++) {
            let item = result.list[i];
            context += "<tr>";
            context += "  <td>" + Number(result.pageNum * 10 + i - 9) + "</td>";
            context += "  <td><a href='/survey/project/checkview?id=" + item.project.id + "'>" + item.project.name + "</a></td>";
            context += "  <td>" + item.project.operator + "</td>";
            context += "  <td>" + item.project.datetime1 + "</td>";
            context += "  <td>" + item.project.datetime2 + "</td>";
            context += "  <td>" + item.node + "</td>";
            context += "  <td>" + item.areacode + "</td>";
            context += "  <td>" + item.surveydate + "</td>";
            context += "</tr>";
        }
        $("#tab3").show();
        $("#tab4").show();
        $("#img2").hide();
        $("#tab3 tbody").html(context);
        initTableBody2();
        $("#page3").text(result.pageNum);
        $("#page4").text(result.pages);

        var page1 = $("#page3").text();
        var page2 = $("#page4").text();
        if (page1 <= 1) {
            $("#tab4 .pagebtn:eq(0)").attr("disabled", true);
            $("#tab4 .pagebtn:eq(0)").css("color", "#999");
        } else {
            $("#tab4 .pagebtn:eq(0)").attr("disabled", false);
            $("#tab4 .pagebtn:eq(0)").css("color", "#000");
        }
        if (page1 === page2) {
            $("#tab4 .pagebtn:eq(1)").attr("disabled", true);
            $("#tab4 .pagebtn:eq(1)").css("color", "#999");
        } else {
            $("#tab4 .pagebtn:eq(1)").attr("disabled", false);
            $("#tab4 .pagebtn:eq(1)").css("color", "#000");
        }
    }

    /** *************************************************************** */
    function Ajax(url, data) {
        var result = null;
        $.ajax({
            url: url,
            data: data,
            type: "post",
            async: false,
            datatype: "json",
            success: function (data) {
                result = data;
            }
        });
        return result;
    }
});
